$(function(){
	$("#criarjogador").button().click(function(){
		$("#operacao").attr("value","incluir");
		$("#formjogador").dialog("open");
	});
	
	
	$(".alterar").button().click(function(){
		var id=$(this).attr("id");
		
		var chave=id.substring(3);
		
		var nome=($("#tr"+chave+ " td:eq(0)").html());
		var datanascimento=($("#tr"+chave+ " td:eq(1)").html());
		var posicao=($("#tr"+chave+ " td:eq(2)").html());
		$("#nome").attr("value",nome);
		$("#posicao").attr("value",posicao);
		$("#datanascimento").attr("value",datanascimento);
		$("#operacao").attr("value","alterar");
		$("#jogadorkey").attr("value",chave);
		$("#formjogador").dialog("open");
	});
	
	$(".excluir").button().click(function(){
		
		var id=$(this).attr("id");
		
		var chave=id.substring(3);
		
		$.ajax({
			url:"controller/processaJogador.jsp",
			type:"post",
			dataType:"html",
			data:"key="+chave+"&operacao=excluir",
			error:function(jqHXR,textStatus,errorThrown){
				window.alert(errorThrown);
			},
			success:function(data){
				
				$("#tr"+chave).remove();
			}
		});
		
	});
	
	$("#datanascimento").datepicker();
	
	$("#formjogador").dialog({autoOpen:false,
		modal:true,
		buttons:{
			"Salvar":function(){
				var nome=$("#nome").val();
				var datanascimento=$("#datanascimento").val();
				var posicao=$("#posicao").val();
				var operacao=$("#operacao").val();
				var time=$("#time").val();
				var key=$("#jogadorkey").val();
				$.ajax({
					url:"controller/processaJogador.jsp",
					type:"post",
					dataType:"html",
					data:"nome="+nome+"&datanascimento="+datanascimento+
					"&operacao="+operacao+"&key="+key+"&posicao="+posicao+"&time="+time,
					error:function(jqHXR,textStatus,errorThrown){
						window.alert(errorThrown);
					},
					success:function(data){
						
						if (operacao=="incluir"){
							$("#tabelajogadores tbody").append(data);
							$(".excluir").button();
							$(".alterar").button();
						}else{

							($("#tr"+key+ " td:eq(0)").html(nome));
							($("#tr"+key+ " td:eq(1)").html(datanascimento));
							($("#tr"+key+ " td:eq(2)").html(posicao));
						}
						
					
					}
				});
				
				
				$(this).dialog("close");

			},
			Cancel:function(){
				$(this).dialog("close");
			}
		}		

	});
});